import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Unocss from 'unocss/vite'
import { presetUno, presetAttributify, presetIcons } from 'unocss'
import path from 'path'


// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
  plugins: [
    vue(),
    Unocss({
      presets: [
        presetUno(), // 基础的 UnoCSS 预设
        presetAttributify(), // 支持属性化模式
        presetIcons({ // 图标预设
          scale: 1.2, // 图标缩放比例
          warn: true, // 显示缺失图标的警告
          extraProperties: {
            'display': 'inline-block',
            'vertical-align': 'middle',
            // 可以添加其他 CSS 属性
          },
        }),
      ],
      // 可选：添加自定义规则
      rules: [
        // 例如：
        ['m-1', { margin: '0.25rem' }],
      ],
      // 可选：添加快捷方式
      shortcuts: {
        // 例如：
        'btn': 'py-2 px-4 rounded shadow-md',
      },
    }),
  ],
})